<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		#box{
			display: flex;

			border: 1px solid #C40000;
		}
		.in{
			display: flex;
			border: 1px solid #C40000;
			margin: 10px 10px;
		}
		#btn {
			margin: 10px;
		}
	</style>
</head>
<body>
<div id="box">
    Super
	<div class="in">
		ca<div class="in">Apple
		<div class="in">pear</div>
		<div class="in">pig</div>
		<div class="in">cala</div>
		<div class="in">soccor</div>
		</div>
		<div class="in">phone</div>
		<div class="in">
			<div class="in">book</div>
			<div class="in">school</div>
		</div>
	</div>
	<div class="in">
		note
		<div class="in">human
		<div class="in">code</div>
		<div class="in">operate</div>
		<div class="in">man</div>
		</div>
		<div class="in">program
		<div class="in">bement
		<div class="in">cat</div>
		</div>
		<div class="in">glass</div>
		</div>
	</div>
	<div class="in">flash</div>
</div>
<div id="btn">
	<button id="dfs">深度优先</button>
	<button id="bfs">广度优先</button>
	<input type="text" name="" id="srhtxt">
	<button id="srhbtn">查找</button>
</div>
	<script type="text/javascript" src="task.js"></script>
</body>
</html>